<template>
	<div class="m-footer">
		<van-tabbar v-model="activeIndex" :fixed="true" :placeholder="true">
			<van-tabbar-item to="/">
				<span class="iconfont icon-home"></span><span class="text">主页zhuye</span>
			</van-tabbar-item>
			<van-tabbar-item to="/game">
				<span class="iconfont icon-jiangbei"></span><span class="text">全部赛事quanbusaishi</span>
			</van-tabbar-item>
			<van-tabbar-item to="/settlement">
				<span class="iconfont icon-jiesuan"></span><span class="text">未结算赛事weijiesuansaishi</span>
			</van-tabbar-item>
			<van-tabbar-item to="/billRecord">
				<span class="iconfont icon-zhangdan"></span><span class="text">账单记录zhangdanjilu</span>
			</van-tabbar-item>
		</van-tabbar>
	</div>
</template>

<script>
	export default {
		name: 'Foot',
		props: {
			active: {
				type: Number,
				default: 0
			}
		},
		computed: {
			activeIndex: {
				get: function () {
					return this.active;
				},
				set: function () {
				}
			}
		},
		data: function() {
			return {}
		},
	}
</script>
<style>
	.m-footer{
		display: none;
	}
	@media (max-width:1000px) {
		.m-footer{
			display: block;
		}
	}
</style>